<template>
  <div class="question-star">
    <div
      class="header"
      :style="{background: `url('${$baseImgUrl}qa/question_star_header.jpg') no-repeat center center`, backgroundSize: '100% 100%'}"
    >问答之星</div>
    <question-star-item></question-star-item>
    <question-star-item></question-star-item>
  </div>
</template>

<script>
import QuestionStarItem from './QuestionStarItem.vue';

export default {
  name: 'QuestionStar',
  components: {
    QuestionStarItem
  }
};
</script>

<style lang="less" scoped>
  .question-star {
    border: 1px solid #ddd;
    background-color: #fff;
    .header {
      height: 37px;
      line-height: 37px;
      text-align: center;
      background-size: 100% 100%;
      font-size: 16px;
      color: #fff;
    }
  }
</style>
